// pages/menu/index.ts
import { SidebarList } from "../../viewmodel";

const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 控制 底部结算订单栏 显示隐藏
    isSubmitBarShow: <boolean>false,
    // 是否展示购物列表
    isCartShow: <boolean>false,
    // 安全高度
    statusBarHeight: <number>0,
    // 当前滚动锚点id
    toDishView: <string>'',
    // 当前侧边栏滚动锚点id
    toSidebarView: <string>'',
    // 当前索引
    currentIndex: <number>0,
    // 商品数量
    count: <number>0,
    // 导航栏列表
    sidebarList: <SidebarList[]>[
      { id: 'sidebar_id_001', title: '暗黑料理' },
      { id: 'sidebar_id_002', title: '原味清蒸' },
      { id: 'sidebar_id_003', title: '家常小炒' },
      { id: 'sidebar_id_004', title: '清凉夏日' },
      { id: 'sidebar_id_005', title: '早点甜' },
      { id: 'sidebar_id_006', title: '清炒时蔬' },
      { id: 'sidebar_id_007', title: '鲜香麻辣' },
      { id: 'sidebar_id_008', title: '万事粥全' },
      { id: 'sidebar_id_009', title: '吉时喝汤' },
      { id: 'sidebar_id_010', title: '老火靓汤' },
      { id: 'sidebar_id_011', title: '嘎嘣脆炸物' },
      { id: 'sidebar_id_012', title: '想见你一面' },
    ],
  },
  selectedMenu(ev: any) {
    // 获取当前秒描点
    const toDishView = ev.mark.letter.id
    this.setData({ currentIndex: ev.mark.index, toDishView })
  },
  onTouchStart(ev: any) {
    // 点击右侧内容 同步侧边栏
    const toSidebarView = ev.mark.toSidebarView
    const currentIndex = ev.mark.index
    this.setData({ toSidebarView, currentIndex })
  },
  onListenter(ev: any) {
    this.setData({ isSubmitBarShow: ev.detail, count: app.goodList.length })
  },
  // 关闭购物袋列表
  onCloseCart() {
    this.setData({ isCartShow: false })
  },
  // 显示购物袋列表
  onShowCart() {
    this.setData({ isCartShow: true })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.setData({ statusBarHeight: app.statusBarHeight, count: app.goodList.length })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }

})